<!DOCTYPE html>
<html>
<head>
  <title>{{ site_title }}</title>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <meta name="author" content="www.popularchromegames.com">
  <meta name="description" content="fun, cool, flash games, chrome web store, html5">
  <meta name="keywords" content="fun, cool, flash games, chrome web store, html5">
  <link href="./css/common_v2.css" rel="stylesheet" media="screen" type="text/css">
  <link href="./css/play_v3.css" rel="stylesheet" media="screen" type="text/css">
  <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.14/themes/base/jquery-ui.css" type="text/css" media="all" />
  <link rel="stylesheet" href="http://static.jquery.com/ui/css/demo-docs-theme/ui.theme.css" type="text/css" media="all" />
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js" type="text/javascript"></script>
  <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.14/jquery-ui.min.js" type="text/javascript"></script> 
</head>
<body>
<div id="header">
  <div class="row_1">
    <div class="col11"></div>
    <div class="col12">
      <div id="logo"> <a href="" onclick="this.style.behavior='url(#default#homepage)';">
      {{ site_textoflogo }}</a> </div>
    </div>
    <div class="col13"></div>
  </div>
  <div class="row_3">
    <div class="col31"></div>
    <div class="col32">
      <div id="searchform">
      </div>
    </div>
    <div class="col33"></div>
  </div>
</div>
<div class="content">
  <div class="row1">
    <div class="row11"></div>
    <div class="row12"></div>
    <div class="row13"></div>
  </div>
  <div class="playbg">
    <div id="place">
      <div class="paceleft"></div>
      <div class="paceright"></div>
    </div>
    <div class="col4">
      <div class="col4_title">
        <h1>{{ game_name }}</h1>
        <span><b><a href="#play"><font color="red">{{ site_bestposition }}</font></a></b></span>
      </div>
      <div style="float:right; margin-right:10px;">
          <span style="font-size: 16px; font-weight:bold; color: #8E6465; position:relative; bottom: 5px; margin-right:15px;">Like it? Share it with your friends!</span>
          <g:plusone size="medium"></g:plusone>
          <!-- AddThis Button BEGIN -->
          <div class="addthis_toolbox addthis_default_style" style="display: inline-block; height: 20px;">
            <a class="addthis_button_facebook_like" fb:like:layout="button_count"></a>
            <a class="addthis_button_tweet"></a>
            <a class="addthis_counter addthis_pill_style"></a>
          </div>
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4e1bedd360df1214"></script>

          <!-- AddThis Button END -->
      </div>
      <div style="clear:both;"></div>
      <div class="col40">
        <img src="/images/zoom_out.png" />
        <div id="gameslider">
      	  <div id="gbar"></div>
        </div>
        <img src="/images/zoom_in.png" />
        <div style="height:0; width:0; clear: both;"></div>
      </div>
      <div class="col41">
        <div id="player">{{ site_loading }}</div>
        <div id="fugg"> 
          <div class="p_1" style="height:480px"> 
            <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="100%" height="100%" id="flashobj" align="middle">
              <param name="movie" value="{{ game_swf }}">
              <param name="quality" value="high">
              <param name="bgcolor" value="#000000">
              <param name="play" value="false">
              <param name="loop" value="true">
              <param name="wmode" value="window">
              <param name="scale" value="showall">
              <param name="menu" value="true">
              <param name="devicefont" value="false">
              <param name="salign" value="">
              <param name="allowScriptAccess" value="always">
              <embed width="100%" height="100%" wmode="Opaque" allowscriptaccess="always" quality="high" name="flashobj" id="flashobj" src="{{ game_swf }}" type="application/x-shockwave-flash" play="false" flashvars="play=false">
            </object>
            <script language="javascript">
			var w=$(".p_1").width();
			var h=$(".p_1").height();
			$(function(){
              $("#gbar").slider({max:100,min:50,slide:function(event, ui){
                var p = ui.value/100;
                $(".p_1").width(p*w).height(p*h);
              }});
			});
		   //showflash("http://res.6949.com/uploads/media/20116c/1-11062G45643.swf","flashgame",648,480,"0");
           </script>
          </div>
        </div>
      </div>
      <div class="col43">
      </div>
    </div>
    <div class="col5">
      <div class="col5_box">
        <div class="p_3"> 
          <script type="text/javascript">
	        show_ggs_p_3();
	      </script>
          <ins style="display:inline-table;border:none;height:250px;margin:0;padding:0;position:relative;visibility:visible;width:250px"><ins id="aswift_0_anchor" style="display:block;border:none;height:250px;margin:0;padding:0;position:relative;visibility:visible;width:250px">
          
          </ins></ins> </div>
      </div>
      <div id="info">
        <h2>{{ site_howtoplay }}：</h2>
        <div class="info_p" id="op" style="height: 100px; display: block; ">{{ game_howtoplay }}</div>
        <h2>{{ site_description }}：</h2>
        <div class="info_p" id="intr" style="height: 100px; display: block; ">{{ game_description }}</div>
      </div>
    </div>
  </div>
  <div class="row2">
    <div class="row21"></div>
    <div class="row22"></div>
    <div class="row23"></div>
  </div>
</div>
<script>
	$(".col6_title li").each(function(index,ele){
		$(ele).click(function(){
			$(".col6_title li").removeClass();
			$(ele).addClass('active');
			var cList = $('.col6_list');
			var view = cList.get(index);
			cList.hide();
			$(view).show();
		})
	});
</script>
<div id="footer">
  <center>
    <a href="" target="_blank">{{ site_aboutus }}</a>
  </center>
</div>
</body>
</html>